<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Biscaya Template MultiPurpose</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<!-- Le styles -->
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link href="css/icons.css" rel="stylesheet">

<link id="main-color" href="css/skin-orange.css" rel="stylesheet">
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
      <script src="js/html5shiv.js"></script>
    <![endif]-->
<!-- Fav and touch icons -->
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="img/ico/apple-touch-icon-144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="img/ico/apple-touch-icon-114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="img/ico/apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="img/ico/apple-touch-icon-57-precomposed.png">
<link rel="shortcut icon" href="img/ico/favicon.png">
</head>
<body class="boxed">

<div class="body">
	<!-- Navigation -->
	<header>
	<div class="container clearfix">
		<div class="row">
			<div class="col-md-12">
				<h1 class="brandlogo"><a href="index.html"><img src="img/logo.png" alt=""></a></h1>
				<div class="topinfo">
					<ul class="social-icons list-soc">
						<li><a href="#"><i class="icon-facebook"></i></a></li>
						<li><a href="#"><i class="icon-twitter"></i></a></li>
						<li><a href="#"><i class="icon-linkedin"></i></a></li>
						<li><a href="#"><i class="icon-google-plus"></i></a></li>
						<li><a href="#"><i class="icon-pinterest"></i></a></li>
					</ul>
					<div class="infophone">
						<i class="icon-phone"></i> Tel: +8 737 924 6035
					</div>
					<div class="infoaddress">
						 3953 Berkley Street, Fort Washington, 19034
					</div>
				</div>
				<div class="clearfix">
				</div>
				<div class="row-nav navbar">
					<div class="navbar-inner">
						<ul id="nav" class="nav">
							<li><a href="index.html">Home</a></li>
							<li class="divider-vertical"></li>
							<li class="active dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Templates <b class="caret"></b></a>
							<ul class="dropdown-menu js-activated" style="display: none;">
								<li><a href="about.html">About Us</a></li>
								<li><a href="services.html">Services</a></li>
								<li><a href="faq.html">Knowledge Base</a></li>
								<li><a href="icons.html">Icons</a></li>
								<li class="selected"><a href="testimonials.html">Testimonials</a></li>								
								<li><a href="404.html">404 Error</a></li>
								<!--.dropdown-->
							</ul>
							</li>
							<li class="divider-vertical"></li>
							<li><a href="elements.html">Elements</a></li>
							<li class="divider-vertical"></li>
							<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Layouts <b class="caret"></b></a>
							<ul class="dropdown-menu js-activated" style="display: none;">
								<li><a href="columns.html">Columns</a></li>
								<li><a href="masonry4.html">Masonry 4</a></li>
								<li><a href="masonry3.html">Masonry 3</a></li>
								<li><a href="masonry2.html">Masonry 2</a></li>
								<!--.dropdown-->
							</ul>
							</li>
							<li class="divider-vertical"></li>
							<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Portfolio <b class="caret"></b></a>
							<ul class="dropdown-menu js-activated" style="display: none;">
								<li><a href="portfolio.html">Portfolio List</a></li>
								<li><a href="projectdetail.html">Project Detail</a></li>
								<!--.dropdown-->
							</ul>
							</li>
							<li class="divider-vertical"></li>
							<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Blog <b class="caret"></b></a>
							<ul class="dropdown-menu js-activated" style="display: none;">
								<li><a href="bloghome.html">Blog Home</a></li>
								<li><a href="blogsingle.html">Single Post</a></li>
								<!--.dropdown-->
							</ul>
							</li>
							<li class="divider-vertical"></li>
							<li><a href="contact.html">Contact</a></li>
							<li class="divider-vertical"></li>
						</ul>
						<form id="search" action="search.php" method="GET">							
								<input type="text" onfocus="if(this.value =='Search here...' ) this.value=''" onblur="if(this.value=='') this.value='Search here...'" value="Search here..." name="s">
								<a href="#"></a>							
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
	</header>
	<div class="text-center">
		<img src="img/sha.png" class="slidershadow" alt="">
	</div>
	<!-- /end header -->
	<div class="container">
		<div class="page-header">
			<h1>Testimonials</h1>
			<div class="headerdivider">
			</div>
		</div>
		<div id="content" class="top30">
			<!-- item -->
			<div class="boxportfolio3">
				<div class="testimonial">
					<h4><img class="avatarspic" src="img/demo/avatar.jpg" alt="">An agnostic</h4>
					 "I do not consider it an insult, but rather a compliment to be called an agnostic. I do not pretend to know where many ignorant men are sure -- that is all that agnosticism means."
				</div>
				<div class="author-wrapper">
					<div class="arrow">
					</div>
					<div class="testimonial-name">
						 Clarence Darrow <span>Scopes trial, 1925</span>
					</div>
				</div>
			</div>
			<!-- item -->
			<div class="boxportfolio3">
				<div class="testimonial">
					<h4><img class="avatarspic" src="img/demo/avatar.jpg" alt="">Best Service</h4>
					 "My grandmother started walking five miles a day when she was sixty. She's ninety-seven now, and we don't know where the hell she is. "
				</div>
				<div class="author-wrapper">
					<div class="arrow">
					</div>
					<div class="testimonial-name">
						 Ellen DeGeneres <span>Leader</span>
					</div>
				</div>
			</div>
			<!-- item -->
			<div class="boxportfolio3">
				<div class="testimonial">
					<h4><img class="avatarspic" src="img/demo/avatar.jpg" alt="">Five Stars</h4>
					 "It's amazing that the amount of news that happens in the world every day always just exactly fits the newspaper."
				</div>
				<div class="author-wrapper">
					<div class="arrow">
					</div>
					<div class="testimonial-name">
						 Jerry Seinfeld <span>America</span>
					</div>
				</div>
			</div>
			<!-- item -->
			<div class="boxportfolio3">
				<div class="testimonial">
					<h4><img class="avatarspic" src="img/demo/avatar.jpg" alt="">Design</h4>
					 "Design is a funny word. Some people think design means how it looks. But of course, if you dig deeper, it's really how it works. "
				</div>
				<div class="author-wrapper">
					<div class="arrow">
					</div>
					<div class="testimonial-name">
						 Steve Jobs <span>Founder</span>
					</div>
				</div>
			</div>
			<!-- item -->
			<div class="boxportfolio3">
				<div class="testimonial">
					<h4><img class="avatarspic" src="img/demo/avatar.jpg" alt="">Good support</h4>
					 "My religion consists of a humble admiration of the illimitable superior spirit who reveals himself in the slight details we are able to perceive with our frail and feeble mind."
				</div>
				<div class="author-wrapper">
					<div class="arrow">
					</div>
					<div class="testimonial-name">
						 Albert Einstein <span>Leader</span>
					</div>
				</div>
			</div>
			<!-- item -->
			<div class="boxportfolio3">
				<div class="testimonial">
					<h4><img class="avatarspic" src="img/demo/avatar.jpg" alt="">Super Team</h4>
					 "No amount of experiment. can ever prove me right; a single experiment can prove me wrong."
				</div>
				<div class="author-wrapper">
					<div class="arrow">
					</div>
					<div class="testimonial-name">
						 Albert Einstein <span>Leader</span>
					</div>
				</div>
			</div>
			<!-- item -->
			<div class="boxportfolio3">
				<div class="testimonial">
					<h4><img class="avatarspic" src="img/demo/avatar.jpg" alt="">Quick Response</h4>
					 "Once we accept our limits, we go beyond them."
				</div>
				<div class="author-wrapper">
					<div class="arrow">
					</div>
					<div class="testimonial-name">
						 Albert Einstein <span>Leader</span>
					</div>
				</div>
			</div>
			<!-- item -->
			<div class="boxportfolio3">
				<div class="testimonial">
					<h4><img class="avatarspic" src="img/demo/avatar.jpg" alt="">Quick Response</h4>
					 "I can always tell when they use fake dinosaurs in movies."
				</div>
				<div class="author-wrapper">
					<div class="arrow">
					</div>
					<div class="testimonial-name">
						 Marky S. <span>A genious</span>
					</div>
				</div>
			</div>
			<!-- item -->
			<div class="boxportfolio3">
				<div class="testimonial">
					<h4><img class="avatarspic" src="img/demo/avatar.jpg" alt="">Thank you!</h4>
					 "When you are courting a nice girl an hour seems like a second. When you sit on a red-hot cinder a second seems like an hour. That's relativity. "
				</div>
				<div class="author-wrapper">
					<div class="arrow">
					</div>
					<div class="testimonial-name">
						 Albert Einstein <span>Leader</span>
					</div>
				</div>
			</div>
			<!-- item -->
			<div class="boxportfolio3">
				<div class="testimonial">
					<h4><img class="avatarspic" src="img/demo/avatar.jpg" alt="">Best Service</h4>
					 "My grandmother started walking five miles a day when she was sixty. She's ninety-seven now, and we don't know where the hell she is. "
				</div>
				<div class="author-wrapper">
					<div class="arrow">
					</div>
					<div class="testimonial-name">
						 Ellen DeGeneres <span>Leader</span>
					</div>
				</div>
			</div>
			<!-- item -->
			<div class="boxportfolio3">
				<div class="testimonial">
					<h4><img class="avatarspic" src="img/demo/avatar.jpg" alt="">Five Stars</h4>
					 "It's amazing that the amount of news that happens in the world every day always just exactly fits the newspaper."
				</div>
				<div class="author-wrapper">
					<div class="arrow">
					</div>
					<div class="testimonial-name">
						 Jerry Seinfeld <span>America</span>
					</div>
				</div>
			</div>
			<!-- item -->
			<div class="boxportfolio3">
				<div class="testimonial">
					<h4><img class="avatarspic" src="img/demo/avatar.jpg" alt="">Design</h4>
					 "Design is a funny word. Some people think design means how it looks. But of course, if you dig deeper, it's really how it works. "
				</div>
				<div class="author-wrapper">
					<div class="arrow">
					</div>
					<div class="testimonial-name">
						 Steve Jobs <span>Founder</span>
					</div>
				</div>
			</div>
			<!-- item etc -->
		</div>
		
		<div class="row top30">
			<div class="col-md-12">
				<div class="info-box shadow-large bottom0">
					<div class="info-box-inner">
						<div class="info-content">
							<h4>Responsive, Smart Design, Easy Customization</h4>
							<p>
								Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Fusce suscipit.
							</p>
						</div>
						<a style="float: right;" class="btn btn-primary btn-large" href="#"><i class="icon-download-alt"></i> Get this Theme</a>
						<div class="clearfix">
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- FOOTER BEGIN
================================================== -->
	<div class="footer footerdark">
		<div class="text-center wraptotop">
			<a class="totop"><i class="icon-chevron-up"></i></a>
		</div>
		<div class="container">
			<!-- 1st row -->
			<div class="row">
				<div class="col-md-4">
					<h1 class="title"><i class="icon-heart"></i> About us</h1>
					<hr>
					<p>
						 Introducing a premium HTML5 & CSS3 template for multipurpose use. Responsive layout, professional design & lots of features.
					</p>
					<p>
						 Made with love by  WowThemesNet .
					</p>
					<p class="footerlogo">
						 Biscaya
					</p>
				</div>
				<div class="col-md-4">
					<h1 class="title">Testimonials</h1>
					<hr>
					<div id="quotes">
						<div class="textItem">
							<div class="avatar">
								<img src="img/demo/test1.png" alt="avatar">
							</div>
							 "Before turning to those moral and mental aspects of the matter which present the greatest difficulties, let the inquirer begin by mastering more elementary problems.<span style="font-family:arial;">"</span><br/><b> Jesse T, Los Angeles </b>
						</div>
						<div class="textItem">
							<div class="avatar">
								<img src="img/demo/test2.gif" alt="avatar">
							</div>
							 "How often have I said to you that when you have eliminated the impossible, whatever remains, however improbable, must be the truth?<span style="font-family:arial;">"</span><br/><b>Ralph G. Flowers </b>
						</div>
						<div class="textItem">
							<div class="avatar">
								<img src="img/demo/test1.png" alt="avatar">
							</div>
							 "It is a capital mistake to theorize before one has data. Insensibly one begins to twist facts to suit theories, instead of theories to suit facts.<span style="font-family:arial;">"</span><br/><b>Kerry I. McClanahan </b>
						</div>
						<div class="textItem">
							<div class="avatar">
								<img src="img/demo/test2.gif" alt="avatar">
							</div>
							 "We must fall back upon the old axiom that when all other contingencies fail, whatever remains, however improbable, must be the truth.<span style="font-family:arial;">"</span><br/><b>Randy K. Deleon </b>
						</div>
					</div>
				</div>
				<div class="col-md-4">
					<h1 class="title">Questions?</h1>
					<hr>
					<div class="done">
						<div class="alert alert-success">
							<button type="button" class="close" data-dismiss="alert">×</button>
							Your message has been sent. Thank you!
						</div>
					</div>
					<form method="post" action="contact.php" id="contactform">
						<div class="form">
							<div class="controls controls-row">
								<input class="col-md-6" type="text" name="name" placeholder="Name">
								<input class="col-md-6" type="text" name="email" placeholder="E-mail">
							</div>
							<div class="controls">
								<textarea class="col-md-12" name="comment" rows="4" placeholder="Message"></textarea>
							</div>
							<input type="submit" id="submit" class="btn" value="Send">
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
	<!-- 2nd row -->
	<div class="footerbottom footerbottomdark">
		<div class="container">
			<div class="row">
				<!-- left -->
				<div class="col-md-4 smallspacetop">
					<p class="smaller">
						<span class="copyright">© </span> Copyright 2016 Biscaya. Be nice.
					</p>
				</div>
				<!-- right -->
				<div class="col-md-8 smallspacetop">
					<div class="pull-right smaller">
						<ul class="footermenu">
							<li><a href="#">Home</a></li>
							<li><a href="#">Work</a></li>
							<li><a href="#">Pages</a></li>
							<li><a href="#">Blog</a></li>
							<li><a href="#">Contact</a></li>
						</ul>
					</div>
					<div class="clearfix">
					</div>
				</div>
				<!-- end right -->
			</div>
		</div>
	</div>
	<!-- FOOTER END
================================================== -->
</div>
<!-- /.body -->
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="js/jquery.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/plugins.js"></script>
<script src="js/custom.js"></script>

<!--BEGIN DEMO PANEL

================================================== -->

<!-- Style Switcher Files-->

<link rel="stylesheet" href="css/style-switcher.css" media="screen"/>

<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap-colorpicker/2.5.3/css/bootstrap-colorpicker.min.css" media="screen"/>

<script type="text/javascript" src="https://cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>

<script type="text/javascript" src="https://cdn.bootcss.com/bootstrap-colorpicker/2.5.3/js/bootstrap-colorpicker.min.js"></script>
<script type="text/javascript" src="js/styleswitch.js"></script>

<script type="text/javascript" src="js/switcher.js"></script>

<!-- DEMO PANEL -->

<div id="switcher-handle">

	<a class="" id="handle" href="#">feedback</a>

	<div id="style-switcher">

		<div id="switcher-header">

			<p>

				Theme Options

			</p>

		</div>

		<div id="switcher-body">

			<p>

				<strong>Layout Style</strong>

			</p>

		<select id="layout">		   

		  <option value="boxed">Boxed</option>

		  <option value="wide">Wide</option>		  

		</select>

		

			<p>

				<strong>Color Schemes</strong>

			</p>

			

			<div class="colors-holder">

				<a href="#" class="color-box" data-rel="e7402f"></a>

				<a href="#" class="color-box" data-rel="0E8FAB"></a>				

				<a href="#" class="color-box" data-rel="44cfc8"></a>				

				<a href="#" class="color-box" data-rel="9DC500"></a>				

				<a href="#" class="color-box" data-rel="76719a"></a>				

				<a href="#" class="color-box" data-rel="f2a020"></a>

				<a href="#" class="color-box" data-rel="33bee5"></a>				

				<a href="#" class="color-box" data-rel="e44884"></a>

				<a href="#" class="color-box" data-rel="18adb5"></a>				

				<a href="#" class="color-box" data-rel="f0b70c"></a>

				

				<a href="#" class="color-box" data-rel="346b7f"></a>

				<a href="#" class="color-box" data-rel="aecdcf"></a>

				<a href="#" class="color-box" data-rel="be9869"></a>

				<a href="#" class="color-box" data-rel="bf6c2f"></a>				

				<a href="#" class="color-box" data-rel="1abc9c"></a>				

				<a href="#" class="color-box" data-rel="7f8c8d"></a>				

				<a href="#" class="color-box" data-rel="b4ad7f"></a>				

				<a href="#" class="color-box" data-rel="fe6c6c"></a>				

				<a href="#" class="color-box" data-rel="e66a47"></a>

				<a href="#" class="color-box" data-rel="50e9f3"></a>

			</div>

			<div class="switcher-divider">

			</div>

			

			<p>

				<strong>Bg Patterns (for boxed)</strong>

			</p>

			<div class="colors-holder">

				<a data-rel="1" class="bg-box" href="#"></a>

				<a data-rel="2" class="bg-box" href="#"></a>

				<a data-rel="3" class="bg-box" href="#"></a>

				<a data-rel="4" class="bg-box" href="#"></a>

				<a data-rel="5" class="bg-box" href="#"></a>

				<a data-rel="6" class="bg-box" href="#"></a>

				<a data-rel="7" class="bg-box" href="#"></a>

				<a data-rel="8" class="bg-box" href="#"></a>

				<a data-rel="9" class="bg-box" href="#"></a>

				<a data-rel="10" class="bg-box" href="#"></a>

				<a data-rel="11" class="bg-box" href="#"></a>

				<a data-rel="12" class="bg-box" href="#"></a>

				<a data-rel="13" class="bg-box" href="#"></a>

				<a data-rel="14" class="bg-box" href="#"></a>

				<a data-rel="15" class="bg-box" href="#"></a>

				<a data-rel="16" class="bg-box" href="#"></a>

				<a data-rel="17" class="bg-box" href="#"></a>

				<a data-rel="18" class="bg-box" href="#"></a>

				<a data-rel="19" class="bg-box" href="#"></a>

				<a data-rel="20" class="bg-box" href="#"></a>

				<a data-rel="21" class="bg-box" href="#"></a>

				<a data-rel="22" class="bg-box" href="#"></a>

				<a data-rel="23" class="bg-box" href="#"></a>

				<a data-rel="24" class="bg-box" href="#"></a>

			</div>

		

		

		<div class="switcher-divider">

			</div>

			

			<p>

				<strong>Bg Images (for boxed)</strong>

			</p>

			<div class="colors-holder">

			<a data-rel="pic1" class="bgimg-box" href="#"></a>

			<a data-rel="pic2" class="bgimg-box" href="#"></a>

			<a data-rel="pic3" class="bgimg-box" href="#"></a>

			<a data-rel="pic4" class="bgimg-box" href="#"></a>

			<a data-rel="pic5" class="bgimg-box" href="#"></a>

			<a data-rel="pic6" class="bgimg-box" href="#"></a>

			<a data-rel="pic7" class="bgimg-box" href="#"></a>

			<a data-rel="pic8" class="bgimg-box" href="#"></a>

			<br/><br/>

			</div>

			

		</div>	

			

		<div id="switcher-footer">

			<p>

				<a href="http://www.upare.com/" target="_blank"><img src="https://static.upare.com/upare/img/logowowthemes.png"></a>



			</p>

		</div>

	</div>

</div>

<!-- END DEMO PANEL-->
<script>
$(window).load(function(){
var $container = $('#content')
// initialize Isotope
$container.isotope({
  // options...
  resizable: false, // disable normal resizing
  // set columnWidth to a percentage of container width
  masonry: { columnWidth: $container.width() / 3 }
});
// update columnWidth on window resize
$(window).smartresize(function(){
  $container.isotope({
    // update columnWidth to a percentage of container width
    masonry: { columnWidth: $container.width() / 3 }
  });
});
});
</script>
</body>
</html>